#main {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
/*隐藏加载*/
.pageLoding {
    display: none ;
}
#main .MainPage {
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 1366px){
    .mainLeft-menu-ol {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
    ::-webkit-scrollbar {
        width: 9px !important;
        /*height: 0px !important;*/
    }
}
.mainLeft-menu-ol.menuOverflow {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    width: 190px !important;
}
::-webkit-scrollbar {
    width: 9px !important;
    /*height: 0px !important;*/
}
#main .main-left {
    width: 180px;
    height: 100%;
    position: relative;
    float: left;
}
#main .main-left-shrink {
    width: 67px !important;
}
iframe{
    border: 0;
}
#main .main-left .main-left-iframe {
    width: 100%;
    height: 100%;
}
#main .main-right {
    height: 100%;
    position: relative;
    margin-left: 180px;
    min-width: 1180px;
}
#main .main-right-shrink {
    margin-left: 180px !important;
}
#main .main-right .main-right-top {
    height: 70px;
    min-width: 820px;
    position: relative;
}
#main .main-right .main-right-top .main-right-top-iframe {
    width: 100%;
    height: 50px;
}
#main .main-right .main-right-body {
    width: 100%;
    height: -webkit-calc(100% -  70px);
    height: -moz-calc(100% -  70px);
    height: calc(100% -  70px);
    /*min-width: 1090px;*/
}
#main .main-right .main-right-body .main-right-body-iframe {
    width: 100%;
    height: 100%;
}
/*涓婚〉宸﹁竟鏍峰紡*/
#mainLeft {
    width: 100%;
    /*height: 100%;*/
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
}
#mainLeft .mainLeft-top {
    width: 100%;
    height: 70px;
    background: #01b4ee;
    text-align: center;
    background-image: url(../img/icon/logo.png);
    background-repeat: no-repeat;
    background-size: 180px 70px;
    background-position: 0;
}
#mainLeft .mainLeft-top-shrink {
    background-image: url(../img/icon/logo_img.png);
    background-size: 80px 70px;
    background-position: 0;
}
#mainLeft .mainLeft-body {
    width: 100%;
    height: 100%;
    background: #2f323b;
}
#mainLeft .mainLeft-body .mainLeft-header {
    height: 60px;
    background: #43464e;
    color: #fff;
    font-size: 14px;
}
#mainLeft .mainLeft-body .mainLeft-header .mainLeft-header-text {
    float: left;
    position: relative;
    line-height: 66px;
    left: 30px;
}
#mainLeft .mainLeft-body .mainLeft-header .mainLeft-header-img {
    background-image: url(../img/icon/packUp.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    float: right;
    top: 15px;
    right: 18px;
    position: relative;
    cursor: pointer;
}
#mainLeft .mainLeft-body .mainLeft-header  .mainLeft-header-img-shrink {
    right: 22px !important;
}
#mainLeft .mainLeft-body .mainLeft-menu {
    width: 100%;
    position: relative;
    height: -webkit-calc(100% -  130px);
    height: -moz-calc(100% -  130px);
    height: calc(100% -  130px);
    direction: rtl;
    color: #fff;
    /*unicode-bidi: embed;*//*bidi-override*/
}
#mainLeft .mainLeft-body .mainLeft-menu .checked {
    background: #212329;
    color: #00b4ed;
}
#mainLeft .mainLeft-body .mainLeft-menu .mainLeft-menu-li .triangle{
    font-size: 0;
    line-height: 0;
    border-width: 9px;
    /*border-color: #212329;*/
    border-color: #FFFFFF;
    /*border-right-width: 0;*/
    border-left-width: 0;
    border-style: dashed;
    /*border-left-style: solid;*/
    border-right-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    /*right: -8px;*/
    right: 0px;
    z-index: 200;
    margin-top: -24px;
    display: none;
}
#mainLeft .mainLeft-body .mainLeft-menu .mainLeft-menu-li.parent .triangle{
    margin-top: -22px;
}
#mainLeft .mainLeft-body .mainLeft-menu .hidden {
    display: none !important;
}
#mainLeft .mainLeft-body .mainLeft-menu .show {
    display: block !important;
    height: auto !important;
    width: auto !important
}
#mainLeft .mainLeft-body .mainLeft-menu ol {
    position: relative;
    /*top: 12px;*/
    height: 100%;
    width: 100%;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
}
#mainLeft .mainLeft-body .mainLeft-menu .mainLeft-menu-li {
    height: 60px;
    cursor: pointer;
}
#mainLeft .mainLeft-body .mainLeft-menu .mainLeft-menu-li.parent {
    height: 45px;
}

#mainLeft .mainLeft-body .mainLeft-menu .msgNumber {
    color: #ffffff;
    background: #FF585B;
    border-radius: 6px;
    position: relative;
    left: 6px;
    padding: 0px 3px;
    line-height: 15px;
    font-size: 12px;
}
#mainLeft .mainLeft-body .mainLeft-menu .mainLeft-menu-li .mainLeft-menu-li-div {
    font-size: 14px;
    margin: 0 0 0 28px;
    height: 41px;
    padding-top: 6px;
    position: relative;
}
#mainLeft .mainLeft-body .mainLeft-menu .mainLeft-menu-li.parent .mainLeft-menu-li-div {
    height: 30px;
    font-size: 12px;
}
#mainLeft .mainLeft-body .mainLeft-menu .mainLeft-menu-li .mainLeft-menu-li-div-shrink {
    position: relative;
    left: -6px;
    width: 80px;
}

#mainLeft .mainLeft-body .mainLeft-menu .mainLeft-menu-li .mainLeft-menu-li-div .mainLeft-menu-li-img {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 10px;
}
#mainLeft .mainLeft-body .mainLeft-menu .mainLeft-menu-li.parent .mainLeft-menu-li-div .mainLeft-menu-li-img {
    height: 24px;
    width: 24px;
    left: 15px;
}

#mainLeft .mainLeft-menu-ol.mainLeft-top-shrink .mainLeft-menu-li-img {
    left: 28px !important;
}

#mainLeft .mainLeft-body .mainLeft-menu .mainLeft-menu-li .mainLeft-menu-li-div .mainLeft-menu-li-text {
    position: absolute;
    left: 50px;
    top: 21px;
}
#mainLeft .mainLeft-body .mainLeft-menu .mainLeft-menu-li.parent .mainLeft-menu-li-div .mainLeft-menu-li-text {
    top: 12px;
}
.menu-haveChild {
    display: block;
    width: 20px;
    height: 20px;
    background: url('../img/icon/menu_down.png') center;
    background-size: 20px;
    margin-top: -19px;
    margin-right: -25px;
}
.menu-haveChild.down {
    background: url('../img/icon/menu_up.png') center;
    background-size: 20px;
}
/*涓婚〉鍙宠竟椤堕儴鏍峰紡*/
#mainRightTop {
    background: #2f323b;
    width: 100%;
    height: 70px;
}
#mainRightTop .mainRightTop-left {
    width: 560px;
    position: relative;
    left: 40px;
    height: 40px;
    top: 15px;
}
#mainRightTop .mainRightTop-left .mainRightTop-left-select {
    float: left;
    width:116px;
    background: #4e5158;
    height: 40px;
    border-radius: 5px;
}
#mainRightTop .mainRightTop-left .mainRightTop-left-query {
    float: left;
    width: 400px;
    background: #4e5158;
    height: 40px;
    border-radius: 5px;
    position: relative;
    left: 2px;
}

#mainRightTop .mainRightTop-left .mainRightTop-left-select select{
    height: 2.7784rem;
    font-size: 0.97244rem;
    border: none;
    color: #ffffff;
    outline:none;
    text-transform: none;
    -webkit-appearance: none;
    -moz-appearance:none;
    background-color: #4e5158;
    position: relative;
    left: 1.3892rem;
}
#mainRightTop .mainRightTop-left .current-display {
    color: #ffffff;
    font-size: 14px;
    line-height: 40px;
    position: relative;
    padding-left: 12px;
    cursor: pointer;
}
#mainRightTop .mainRightTop-left .drop-down {
    height: 111px;
    background-color: #4e5158;
    border-bottom: 2px solid #4e5158;
    border-right: 1px solid #4e5158;
    border-left: 1px solid #4e5158;
}
#mainRightTop .mainRightTop-left .equipment-number {
    display: block;
    font-size: 14px;
    color: #ffffff;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}
#mainRightTop .mainRightTop-left .equipment-number:hover {
    background: #01b4ee;

}
#mainRightTop .mainRightTop-left .equipment-imei {
    border-bottom: #ffffff solid 1px;
    padding-top: 2px;
}
#mainRightTop .mainRightTop-left .mainRightTop-left-select .lower-right-corner {
    border-bottom: 14px solid #ffffff;
    border-left: 14px solid transparent;
    position: absolute;
    top: 12px;
    left: 90px;
}
#mainRightTop .mainRightTop-left .mainRightTop-left-query {
    position: relative;
    height: 40px;

}
#mainRightTop .mainRightTop-left .mainRightTop-left-query .mainRightTop-left-query-img {
    background-image: url(../img/icon/query.png);
    width: 50px;
    height: 30px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 5px;
    cursor: pointer;
}
#mainRightTop .mainRightTop-left .mainRightTop-left-query .mainRightTop-left-query-input {
    margin: 0 20px 0 20px;
    float: left;
    position: relative;
    height: 40px;
    width: 400px;
}
#mainRightTop .mainRightTop-left .mainRightTop-left-query .queryVal {
    background-color: transparent;
    border: none;
    outline: medium;
    text-transform: none;
    -webkit-appearance: none;
    width: 320px;
    height: 100%;
    font-size: 14px;
    color: #ffffff;
}
#mainRightTop .mainRightTop-right {
    position: absolute;
    right: 55px;
    height: 40px;
    top: 15px;
    font-size: 14px;
    color: #ffffff;
}
.mainRightTop-right-user {
    position: relative;
    float: left;
    right: 40px;
}
.mainRightTop-right-user .userimg {
    position: relative;
    float: left;
    width: 36px;
    height: 36px;
    top: 2px;
    right: 8px;
}
.mainRightTop-right-user .username {
    position: relative;
    float: right;
    line-height: 40px;
}
.mainRightTop-right-quit {
    position: relative;
    float: right;
    cursor: pointer;
}
.mainRightTop-right-quit img{
    position: relative;
    float: left;
    width: 36px;
    height: 36px;
    top: 2px;
    right: 1px;
}
.mainRightTop-right-quit span{
    position: relative;
    float: right;
    line-height: 40px;
}

.popModel .popModel-info .popModel-title {
    height: 90px;
    width: 100%;
    text-align: center;
    line-height: 90px;
}
.popModel .popModel-info .popModel-title .popModel-title-content-solid-left {
    width: 110px;
    height: 1px;
    border-top: 1px solid #01b4ee;
    position: absolute;
    top: 44px;
    left: 80px;
}
.popModel .popModel-info .popModel-title .popModel-title-content-solid-right {
    width: 110px;
    height: 1px;
    border-top: 1px solid #01b4ee;
    position: absolute;
    top: 44px;
    right: 80px;
}
#main header .header-right .lower-right-corner {
    border-bottom: 10px solid #01b4ee;
    top: -44px;
    left: 80px;
}
#main header .header-right .drop-down {
    display: none;
    height: auto;
}
#main header .header-right .drop-down span:hover {
    background: #01b4ee;
    color: #ffffff;
}
#main header .header-right .drop-down .select-value {
    font-size: 14px;
    border-bottom: #dddddd solid 1px;
    padding-top: 2px;
}
#main header .header-right .header-right-query {
    border-radius: 5px;
    left: -50px;
    width: 240px;
    border: 1px solid  #dddddd;
}
#main header .header-right .header-right-query-input {
    width: 177px;
    margin: 0 40px 0 17px;
}
#main header .header-right .header-right-query .header-right-query-img {
    right: -10px;
    background-size: 32px 32px;
}
#main header .header-right .export {
    width: 100px;
    height: 46px;
    line-height: 46px;
}
#main header .header-right .export .export-img {
    width: 0px;
    height: 26px;
    border-left: 1px solid #d2d2d2;
    display: block;
    float: left;
    top: 10px;;
}
#main header .header-right .export .export-img img {
    top: -5px;
    width: 36px;
    height: 36px;
    left: 2px;
}
#main header .header-right .export .export-text {
    font-size: 16px;
}
.studentsInfo .studentsInfo-data .head-body tbody .deliver-goods {
    width: 85px;
    line-height: 20px;
    border-radius: 5px;
    padding: 8px 10px;
    margin-right: 5px;
    cursor: pointer;
}
.studentsInfo .studentsInfo-data .head-body tbody .isdeliver-goods {
    width: 85px;
    line-height: 25px;
    border-radius: 5px;
    padding: 10px;
    margin-right: 5px;
    color: #FF0000;
}
.studentsInfo .studentsInfo-data .head-body tbody .deliver-goods:hover {
    color: #ffffff;
    background: #01b4ee;
}

.studentsInfo .studentsInfo-data .head-body tbody tr:hover {
    background: #F7F8FA;
}
.studentsInfo .studentsInfo-data table body {
    font-size: 10px;
}

/*弹出层——发货*/
#main .popModel .popModel-info {
    width: 500px;
    height: 330px;
    margin-left: -325px;
    margin-top: -240px;
    border-radius: 10px;
}
/*文本样式*/
#main .popModel .popModel-info .popModel-body .popModel-body-text {
    height: 36px;
    padding-left: 60px;
}
#main .popModel .popModel-info .popModel-body .popModel-body-text .popModel-body-text-title {
    color: #000000;
    line-height: 35px;
    height: 35px;
    display: block;
    float: left;
    position: relative;
    right: 35px;
    width: 85px;
    text-align: right;
}
#main .popModel .popModel-info .popModel-body .popModel-body-text .popModel-body-text-content {
    height: 35px;
    line-height: 35px;
    position: relative;
    right: 4px;
}
#main .popModel-abreast {
    height: 36px;
}
#main .popModel-abreast .abreast-left {
    float: left;
}
#main .popModel-abreast .abreast-right {
    float: left;
}

/*表单样式*/
#main .popModel .popModel-info .popModel-body .popModel-body-input {
    height: 36px;
    padding-left: 40px;
}
#main .popPhone .popPhone-info .popPhone-body .popPhone-body-phone .popPhone-body-phone-title {

}
#main .popModel .popModel-info .popModel-body .popModel-body-input .popModel-body-input-title {
    background-position: 85px 0px;
    line-height: 28px;
    height: 35px;
    right: 17px;
    width: 85px;
    text-align: right;
    padding-right: 15px;
}

#main .popModel .popModel-info .popModel-body .popModel-body-input-content select {
    color: #999999;
}
#main .popModel .popModel-info .popModel-body .verify {
    width: 175px;
    line-height: 15px;
    height: 15px;
    position: relative;
    left: -15px;
    top: 20px;
    color: red;
    font-size: 10px;
}
/*按钮*/
#main .popModel .popModel-info .popModel-button{
    bottom: 20px;
}
#main .popModel .popModel-info .popModel-button .popModel-button-ok {
    border-radius: 5px;
}
.errorMsg {
    margin-right: 98px;
    height: 26px;
    margin-top: -31px;
}
.popModel .popModel-info .popModel-body .popModel-body-input .popModel-body-input-content {
    width: 272px;
}
.popModel .popModel-info .popModel-body .input-content {
    width: 256px;
}
